<!--
 * @Author: Wangtao
 * @Date: 2020-09-21 09:55:09
 * @LastEditors: Wangtao
 * @LastEditTime: 2021-03-18 10:32:02
-->
<template>
  <div style="height: 100%">
    <div class="page-header">
      <div>
        <i class="V7_iconfont V7_iconV7tubiao_mianfanhui" @click="goBack"></i
        ><slot name="title"></slot>
      </div>
      <div>
        <slot name="oprate"></slot>
      </div>
    </div>
    <div class="page-content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
@Component({
  name: 'pagesolt',
  components: {}
})
export default class PageSolt extends Vue {
  private beforeMount () {
    // this.handleMenuFun()
  }

  private goBack () {
    this.$emit('goBack')
  }
}
</script>

<style lang="stylus" scoped>
.page-header
  padding 0px 24px 0px
  box-shadow 0px 0px 4px 0px #E0E6F0
  width 100%
  display flex
  align-items center
  font-weight 600
  font-size 14px
  height 56px
  justify-content space-between
  i
    color #C4CDD4
    margin-right 8px
    cursor pointer
.page-content
  box-sizing border-box
  height calc(100% - 56px)
</style>
